<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>range 属性</title>
	</head>
	<body>
		<p id="p">Example: <i>italic</i> and <b>bold</b></p>

		<script>
			const range = new Range()

			range.setStart(p, 0)
			range.setEnd(p, 2)
			console.log(range.toString()) // Example: italic

			console.log(range.startContainer) // p元素（开始的节点）
			console.log(range.startOffset) // 0（起始索引）
			console.log(range.endContainer) // p元素（结束的节点）
			console.log(range.endOffset) // 2（结束索引）
			console.log(range.collapsed) // false（起始和结束是同一位置则为true）
			console.log(range.commonAncestorContainer) // p（所有节点中最近的共同祖先节点）
		</script>
	</body>
</html>
